<aside class="right-side">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Thay đổi mật khẩu
           
        </h1>
        <ol class="breadcrumb">
            <li><a href="javascript:void(0);"><i class="fa fa-dashboard"></i> Quản lí</a></li>
            <li><a href="javascript:void(0);">Admin</a></li>
            <li class="active">Thay đổi mật khẩu</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-8" id="contentaction">

               
                <div class="box box-info">
                    <div class="box-header" style="background:#0073b7;color:#FFF;">
                        <h3 class="box-title"><i class="fa fa-bars"></i> Vui lòng nhập đầy đủ thông tinh bên dưới</h3>
                        <a id="showprecess" style="float: right;padding:10px;color:#FFF;display: none;" onclick="showprecess();" href="javascript:void(0);" title="Xóa trắng tiến trình."><i class="fa fa-external-link"></i></a>
                    </div>
                    <div class="box-body">
                        <div class="bootstrap-timepicker">
                            <div class="form-group">
                                <label>Mật khẩu cũ:</label>
                                <div class="input-group">
                                    <input id="pasword" type="password" class="form-control timepicker"/>
                                    <div class="input-group-addon">
                                        <i class="fa fa-certificate"></i>
                                    </div>
                                </div><!-- /.input group -->
                            </div><!-- /.form group -->
                            <div class="form-group">
                                <label>Mật khẩu mới:</label>
                                <div class="input-group">
                                    <input id="passnew" type="password" class="form-control timepicker"/>
                                    <div class="input-group-addon">
                                        <i class="fa fa-certificate"></i>
                                    </div>
                                </div><!-- /.input group -->
                            </div><!-- /.form group -->
                            <div class="form-group">
                                <label>Xác nhận:</label>
                                <div class="input-group">
                                    <input  id="passconfirm" type="password" class="form-control timepicker"/>
                                    <div class="input-group-addon">
                                        <i class="fa fa-certificate"></i>
                                    </div>
                                </div><!-- /.input group -->
                            </div><!-- /.form group -->
                            <div class="form-group">
                                <label></label>
                                <div class="input-group">
                                    <button id="btnsubmit" class="btn btn-success btn-flat">Đổi mật khẩu</button>
                                </div><!-- /.input group -->
                            </div><!-- /.form group -->
                        </div>
                    </div><!-- /.box-body -->
                </div><!-- /.box -->
                <input type="hidden" value="<?php echo WEB_PATH; ?>/cpadmin/changepass" id="url"/>
<script>
    $(document).ready(function(){
        $('#hello').attr('disabled', true);
        $("#btnsubmit").click(function(){
          var password=$("#pasword").val();
          var passwordnew=$("#passnew").val();
          var passwordconfirm=$("#passconfirm").val();
          if(password==""){
              $("#prochanges").append(" <br/>- Hãy nhập mật khẩu cũ.");
          }else{
              if(passwordnew =="" || passwordnew.length <6){
                  $("#prochanges").append(" <br/>- Hãy nhập mật khẩu mới và lớn hơn 6 kí tự.");
              }else{
                  if(passwordconfirm !=passwordnew){
                       $("#prochanges").append(" <br/>- Mật khẩu không khớp hãy kiểm tra lại.");
                  }else{
                      $("#progressaction").show();
                      $.ajax({
                         url:$("#url").val(),
                         type:"POST",
                         data:"action=actionchangepass&password="+password+"&passwordnew="+passwordnew+"&passwordconfirm="+passwordconfirm,
                         success:function(dataserver){
                             var data=dataserver.split(":::");
                              $("#prochanges").append("<br/>- "+data[0]);
                              $("#progressaction").hide();
                         }
                      });
                  }
              }
          }
        });
    });
</script>
            </div><!-- /.col (left) -->
            <div class="col-md-4" id="rightprecess">
                
                            <!-- iCheck -->
                            <div class="box box-danger">
                                <div class="box-header">
                                    <h3 class="box-title">Tiến trình xử lí</h3>
                                    <a style="float: right;padding:10px;" onclick="delprecess();" href="javascript:void(0);" title="Tắt tiến trình."><i class="fa fa-times"></i></a>
                                    <a style="float: right;padding:10px;" onclick="clearprecess();" href="javascript:void(0);" title="Xóa trắng tiến trình."><i class="fa fa-trash-o"></i></a>
                                    
                                </div>
                               
                                <div class="box-footer" id="prochanges">
                                    - Hãy nhập thông tin.
                                </div>
                            </div><!-- /.box -->
                            <div style="display: none;" id="progressaction" class="progress sm progress-striped active">
                                        <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
                                            <span class="sr-only">20% Complete</span>
                                        </div>
                                    </div>
                        </div><!-- /.col (right) -->
        </div><!-- /.row -->

    </section><!-- /.content -->
</aside><!-- /.right-side -->